//
//  WBVisitorView.swift
//  微博
//
//  Created by Jiang on 2019/2/19.
//  Copyright © 2019 Jiang. All rights reserved.
//


/**
 
 自动布局公式:view1.attr1 = view2.attr2 * multiplier + constant
 
 自动布局构造函数
 NSLayoutConstraint(item: 视图,
 attribute: .约束属性,
 relatedBy: .约束关系,
 toItem: 参照视图,
 attribute: .参照属性,
 multiplier: 乘积,
 constant: 约束数值)
 
 NSLayoutConstraint(item: iconView,
 attribute: .centerY,
 relatedBy: .equal,
 toItem: self,
 attribute: .centerY,
 multiplier: 1.0,
 constant: -60)
 
 
 - 如果指定 宽  高  约束
 。参照视图没有为nil
 。参照属性选择.notAttribute
 
 
 //自动布局类函数
 NSLayoutConstraint.constraints(withVisualFormat: VFL公式,
 options: [],
 metrics: 约束数值字典[String:数值],
 views: 视图字典[String:子视图])
 
 
 VFL 可视化格式语言
 。H 水平方向
 。V 垂直方向
 。| 边界
 。[] 包含控件的名称字符串,对应关系在 views 字典中定义---放控件
 。() 定义控件的宽/高,可以在metrics 中指定 ---放数值
 提示:VFL通常乐于连续参照关系,如果遇到居中对齐,通常直接使用参照
 
 */


import UIKit

class WBVisitorView: UIView {
    
    ///访客视图的信息字典 [imageName/message]
    /// 如果是首页 imageName == ""
    var visitorInfo : [String:String]? {
        didSet {//Set方法
            // 1>取字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {
                    
                    return
            }
            
            // 2> 设置消息
            tipLabel.text = message
            // 3> 设置图像,首页不需要设置
            if imageName == "" {
                return
            }
            
            iconView.image = UIImage(named: imageName)
            
            //其他控制器的访客视图不需要显示小房子
            houseIconView.isHidden = true
            //遮罩视图q在其他控制器也不需要显示
            maskIconView.isHidden = true
        }
    }
    
    
    //MARK : - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()

    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    
    
    //MARK: 私有控件 不想让别人看到写下面
    /// 懒加载属性只有调用 UIKit 控件的指定构造函数，其他都需要使用类型
    ///图像视图
    private lazy var iconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    
    ///遮罩图像
    private lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    
    ///小房子
    private lazy var houseIconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    ///提示标签
    private lazy var tipLabel:UILabel = UILabel.cz_label(withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜", fontSize: 14, color: UIColor.darkGray)
    ///注册按钮
    private lazy var registerButton:UIButton = UIButton.cz_textButton("注册", fontSize: 16, normalColor: UIColor.orange, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    ///登录按钮
    private lazy var loginButton:UIButton = UIButton.cz_textButton("登录", fontSize: 16, normalColor: UIColor.darkGray, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    
    
    
}

//MARK:- 设置界面
extension WBVisitorView {
    
    func setupUI() {
        
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        //1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        //文本居中
        tipLabel.textAlignment = .center
        
        //2.取消autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        
        //3.自动布局
        let margin:CGFloat = 20.0
        
        
        
        //3.自动布局
        //让View居中参照与self自己的centerX
        //1>图像视图
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        
        //2>小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        
        
        //3>提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        
        
        //4>注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        //5>登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: registerButton,
                                         attribute: .width,
                                         multiplier: 1.0,
                                         constant: 0))
        
        //6>遮罩图像--------VFL布局
        //views定义 VFL 中的控件名称和实际名称映射关系
        //metrics:定义VFL 中()指定的常数映射关系
        let viewDict = ["maskIconView":maskIconView,
                        "registerButton":registerButton]
        let metrics = ["spacing":-35]
        
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
                                                      options: [],//没有选项就空数组
                                                      metrics: nil,
                                                      views: viewDict))
        
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
                                                      options: [],//没有选项就空数组
            metrics: metrics,
            views: viewDict))
        
    }
    
    
}
